li > input { /*去除input的默认样式*/
    background: none;
    outline: none;
    border: none;
}

#variety{
    position: absolute;
    width: 70%;
    left: 15%;
    right: 15%;
}

#variety > ul {
    border: gray solid 5px;
}

#commodities{
    position: absolute;
    height: 80%;
    width: 100%;
    top: 30%;
}

#commodities>ul{
    list-style:none; /* 将默认的列表符号去掉 */
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0%;
    left: 15%;
    right: 15%;
    padding:0; /* 将默认的内边距去掉 */
    margin:0; /* 将默认的外边距去掉 */
}

#commodityList>li{
    float:left; /* 往左浮动 */
}

#page {
    position: fixed;
    top: 90%;
}

.hovered {
    color: red;
}

.selected {
    color: red;
}